home *** CD-ROM | disk | FTP | other *** search
/ Windows 6-Pak - Disc 5 / Windows 6-Pak (InfoMagic) (Disc 5) (1999).ISO / Scripting-Tools / js15full.exe / fade1.ht_ / fade1.ht
Encoding:
Text File  |  1998-03-16  |  1.4 KB  |  70 lines
  1. <html>
  2.  
  3. <head><script language="JavaScript">
  4. <!-- Hide the script from old browsers --
  5.  
  6. //======================================================
  7. // Java Script code by Java Script It!   www.computan.on.ca/~todd/JavaScriptIt!
  8. //======================================================
  9.  
  10. function makearray(n) {
  11.     this.length = n;
  12.     for(var i = 1; i <= n; i++)
  13.         this[i] = 0;
  14.     return this;
  15. }
  16.  
  17. hd= new makearray (16)
  18.     
  19. // make the array 
  20. for (i=0; i<10; i++) {
  21.     hd[i] =i;
  22. }
  23. hd[10]="A";
  24. hd[11]="B";
  25. hd[12]="C";
  26. hd[13]="D";
  27. hd[14]="E";
  28. hd[15]="F";
  29.  
  30. function fade (x,y) {
  31.     for(var i = x; i < y; i=i+speed) {           
  32.     colour=i;
  33.     setbgC (colour);
  34.     }
  35. }
  36.  
  37. function fadeOut (x,y) {
  38.     for(var i = x; i > y; i=i-speed) {           
  39.     colour=i;
  40.     setbgC (colour);
  41.     }
  42. }
  43.  
  44. function calc (colour) {
  45.     x=hd[Math.floor(colour/16)] ;
  46.     y=hd[colour%16];
  47.     return ""+x+y;
  48. }
  49.  
  50. function setbgC (colour) {
  51.     var finalc=calc (colour);
  52. document.bgColor="#"+"00"+"00"+finalc}speed= 2;fade ( 0, 179);
  53. //--end hiding-->
  54. </script>
  55.  
  56. <title>Fade In and Fade Out</title>
  57. </head>
  58.  
  59. <body onUnLoad="fadeOut( 179,0)"  bgColor="#0000B3"  text="FFFFFF">
  60.  
  61. <div align=center><font size=6 font="Arial"><b>Fade In and Fade Out</b></font></div><p>
  62.  
  63. This page demonstrates both a fade in and a fade out at a fast speed. You can choose to have the page fade in and/or fade out to and from any custom color and at a custom speed.
  64.  
  65. </body>
  66.  
  67.  
  68. </html>
  69.  
  70.